class TabDown {
    constructor(settings = {}) {
        this.el = document.querySelector(settings.el); // logoBox
        // console.log(this.el); // logoBox
        this.oLis = this.el.children[1].children;
        this.oList = this.el.children[1].children[0].children[1];

        this.clickHander();
        this.mouseHander();
    }
    clickHander() {
        Array.from(this.oLis).forEach((item) => {
            // console.log(item);
            item.onclick = () => {
                this.oList.style.display = "block";
            }
        })
    }
    mouseHander() {
        Array.from(this.oLis).forEach((item) => {
            // console.log(item);
            item.onmouseleave = () => {
                this.oList.style.display = "none";
            }
        })
    }
}

new TabDown({
    el: ".logoBox"
})